<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="referrer" content="never" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
			.textlength{
				max-width: 52vw;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">变压器有载调压</h1>
			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}	
						</div>
					</div>
				</transition>
					<div class="search-model">
						<div class="mui-input-row mui-search">
							<input v-model="keyWord" @input="searchList()" v-on:keyup.enter="enterSearch" type="search" class="mui-input-clear" style="background-color: #fff;" placeholder="请输入关键字信息">
						</div>
					</div>
					<!-- <div class="top-textall">
						<span @click="changeFliter('unreturn')" v-if="filterText == 'all'">全部</span>
						<span  @click="changeFliter('return')" v-if="filterText == 'unreturn'">未确认</span>
						<span  @click="changeFliter('all')" v-if="filterText == 'return'">已确认</span>
					</div> -->
			</div>
			<div id="scroll" >
				<div class="list" id="list">		
					<div style="padding: 10px;" v-for="(item,index) in list" :key="index">
						<!--itemman-->

					   <div class="item-man">
						   
						   <div class="itemcontentbox">
						   	<div class="itemcontent textlength">
						   		{{analysis(item.transType)}} - {{item.deviceCode}}
						   	</div>
						   	<div class="itemcontent" style="font-size: 4vw;">
								[{{item.operateStaffCode}}]{{item.operateStaffName}}  {{item.operateDate}}
						   	</div>
						   </div>
						   <!--已提交-->
<!-- 						<div class="btn-man" v-if="item.status == 32  && item.modifyBy == modifyBy">
							<div class="flex-row">
								<div>
									<span class="color-blue" v-on:click="navTo('procressing.html','0',index,'32')">详情</span>
									<span class="color-blue" v-on:click="navTo('procressing.html','1',index,'32')">办理</span>
								</div>
							</div>
						</div> -->
						
						
<!-- 					<div class="operbtn" v-if="item.status == 21 && item.modifyBy == modifyBy" @tap="navTo('procressing.html','1',index,'32')">编辑</div>
						<div class="operbtn" v-if="item.status == 21 && item.modifyBy == modifyBy" @tap="deleteItem(item)">删除</div>	
						<div class="operbtn" @tap="navTo('procressing.html','0',index,'32')">详情</div>
						<div class="operbtn" v-if="item.status == 32 && item.tutelageStaffCode == modifyBy" @tap="navTo('procressing.html','2',index,'32')">办理</div> -->
						
						<!-- <div class="operbtn" v-if="item.status == 21 && item.modifyBy == modifyBy" @tap="formEdit(index)">编辑</div> -->
						<div class="terminalwork-list-receivebtn" v-if="searchType == 'todo'"  onclick="showOperBtn(this)">操作</div>
						<div class="terminalwork-list-operbtn todo">
							<div class="terminalwork-list-operbtn-in">
								<div class="operbtn" v-if="item.status == 32 && item.tutelageStaffCode == modifyBy" v-on:click="doIt(index)">办理</div>
								<div class="operbtn" v-if="item.status == 21 && item.modifyBy == modifyBy" v-on:click="deleteItem(item)">删除</div>
								<div class="operbtn" v-if="item.status == 21 && item.modifyBy == modifyBy" v-on:click="formEdit(index)">编辑</div>
								<div class="operbtn" @tap="detail(index)">详情</div>
							</div>
						</div>
						<!--已保存-->
<!-- 						<div class="btn-man" v-if="item.status == 21 && item.modifyBy == modifyBy">
							<div class="flex-row">
								<div>
									<span class="color-blue" @tap="navTo('procressing.html','1',index,'32')">编辑</span>
									<span class="color-blue" v-on:click="deleteItem(item)">删除</span>
								</div>
							</div>
						</div>	 -->				
						<!--已办理-->
 <!-- 						<div class="btnon" v-if="item.modifyBy != modifyBy || item.status == 90">
							<div class="flex-row">
								<div>
									<span class="color-blue" @tap="navTo('procressing.html','0',index,'32')">详情</span>
								</div>
							</div>
						</div>	 -->			
						   
						<!-- <div class="flex-between">
							<div>
								<div class="flex-row">
									<div class="flex-row">
										<span class="label">变压器</span><div style="max-width: 40vw;" class="item-title" @tap="navTo('detail.html')">{{item.content}}</div>
									</div>
								</div>	
							
								<div class="flex-row">
									<div class="label">
										<span v-if="item.status == 1">操作人:</span>
										<span v-if="item.status == 2">确认时间:</span>
										<span v-if="item.status == 3">接班人:</span>		
									</div>
									<div>{{item.user}}</div>					
								</div>
							</div>	
							<button class="submit_btn" style="margin: 0;" v-if="item.status == 1" @tap="doDocuments()">
								<span>办理</span>
							</button>
							<div class="flex-row" v-if="item.status != 1">
								<span class="color-blue" v-if="item.status == 2">已确认</span>
								<span class="color-red"  v-if="item.status == 3">待确认</span>
								<span class="mui-icon mui-icon-arrowright" style="color: #275EB1;font-weight: bold;"></span>
							</div>
						</div> -->
						
					</div>
			</div>	
			</div>
			<!-- <div class="more-txt">上拉显示更多,下滑进行刷新</div>	 -->
		</div>
		</div>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/js/SQLLiteHelper.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/index.js"></script>
		<script src="../../static/js/Config.js"></script>
		
	</body>

</html>